<!DOCTYPE html>
<html>
<head>
  <title>组长接单/分配</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet" media="screen">
  <!--responsive响应式-->
  <link href="css/bootstrap-responsive.css" rel="stylesheet">
  <link href="css/oa_project.css" rel="stylesheet"></head>
<body>
  <div class="navbar navbar-col333  navbar-fixed-top">
    <div class="container">
      <div class="logo">
        <div class="fn-right">
          当前登录者:A天浩
          <a class="ml40" href="">[退出系统]</a>
        </div>

      </div>
    </div>
  </div>

  <div class="wrap">
    <div class="container pt50px bor1d9 fn-clear">
      <div class="project-sidebar">
        <div class="project-sidebar-site">
          <!-- site sidebar -->
          <h1>任务单</h1>
          <ul>
            <li >
              <a class="active" href="">新增任务单</a>
            </li>
            <li>
              <a href="">进行中（99+）</a>
            </li>
            <li>
              <a href="">待审核（10）</a>
            </li>
            <li>
              <a href="">已结束（10）</a>
            </li>
          </ul>
          <h1>管理</h1>
          <ul>
            <li>
              <a href="">组员周报</a>
            </li>
            <li>
              <a href="">权限设置</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="project-detail ">
        <div class="project-detail-com">
          <div class="project-mine-checkout">
            <!-- 组长接单 -->
            <p class="f12c6 lh32">
              <a class="but-only  mr10" type="submit">返回列表</a>
            </p>

            <div>
              <!-- 组长_任务详情 -->
              <div class=" mb20   bgc250 f12c6 ">
                <h2 class="panel-title bord9 tac fn-claer">任务详情</h2>
                <div class="p10 b1d9t0">
                  <table class="table-style1 havebt  theadfw700">
                    <tbody>
                      <tr >
                        <td width="130" class="bgfa">
                          <span class=" f14msyh">标题:</span>
                        </td>
                        <td>
                          <span class="ml10">(神武)武器美术需求</span>
                        </td>
                      </tr>

                      <tr >
                        <td width="130" class="bgfa">
                          <span class=" f14msyh">内容描述:</span>
                        </td>
                        <td>
                          <span class="ml10">最新资料片美术需求</span>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="table-style1 havebt  theadfw700">
                    <tbody>
                      <tr >
                        <td width="130" class="bgfa">
                          <span class=" f14msyh">单号:</span>
                        </td>
                        <td width="278">
                          <span class="ml10">555</span>
                        </td>
                        <td  class="brnone"></td>
                        <td  width="130">
                          <span class="tac display-b f14msyh">项目组:</span>
                        </td>
                        <td  width="278">
                          <span class="ml10">神武</span>
                        </td>
                      </tr>
                      <tr>
                        <td class="bgfa">
                          <span class=" f14msyh">建单时间:</span>
                        </td>
                        <td>
                          <span class="ml10">2013/09/22</span>
                        </td>
                        <td class="brnone"></td>
                        <td>
                          <span class="tac display-b f14msyh">需求时间:</span>
                        </td>
                        <td>
                          <span class="ml10">2013/09/23</span>
                        </td>
                      </tr>
                      <tr>
                        <td class="bgfa">
                          <span class=" f14msyh">订单人:</span>
                        </td>
                        <td>
                          <span class="ml10">AAA</span>
                        </td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                      </tr>
                      <tr>
                        <td class="bgfa">
                          <span class=" f14msyh">优先级:</span>
                        </td>
                        <td>
                          <span class="ml10">高</span>
                        </td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                      </tr>
                      <tr>
                        <td class="bgfa">
                          <span class=" f14msyh">附件:</span>
                        </td>
                        <td>
                          <p class="ml10 mt10 fn-clear">
                            <a class="mr10 fn-left" href="">
                              <span class="annex annex-de"></span>
                              附件附件
                            </a>

                            <input type="file" class="input-file-hide fn-right">
                            <!-- 上传的附件在这里 --> </p>
                          <p class="ml10 mt10 fn-clear">
                            <a class="mr10 fn-left" href="">
                              <span class="annex annex-de"></span>
                              附件附件
                            </a>

                            <input type="file" class="input-file-hide fn-right">
                            <!-- 上传的附件在这里 --> </p>
                          <p class="ml10 mt10 fn-clear">
                            <a class="mr10 fn-left" href="">
                              <span class="annex annex-de"></span>
                              附件附件
                            </a>

                            <input type="file" class="input-file-hide fn-right">
                            <!-- 上传的附件在这里 --> </p>

                        </td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                      </tr>

                    </tbody>
                  </table>
                </div>

              </div>
              <div class=" mb20   bgc250 f12c6 ">
                <h2 class="panel-title bord9 tac fn-claer">任务进展</h2>
                <div class="p10 b1d9t0">
                  <div class="speedbox">
                    <ul>
                      <li class="">
                        <span class="speedpoint"></span>
                        <p>下单<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="">
                        <span class="speedpoint"></span>
                        <p>审核<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li>
                        <span class="speedpoint"></span>
                        <p>接单<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li>
                        <span class="speedpoint"></span>
                        <p>分配<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li>
                        <span class="speedpoint"></span>
                        <p>主美审核<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="">
                        <span class="speedpoint"></span>
                        <p>关闭<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                       <li class="">
                        <span class="speedpoint"></span>
                        <p>完成<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                    </ul>
                  </div>
                   <div class="speedbox">
                      <ul>
                        <li class="speedover">
                          <span class="speedpoint"></span>
                          <p>下单<br/>2013/11/10<br/>10:25<br/></p>
                        </li>
                        <li class="speedover">
                          <span class="speedpoint"></span>
                          <p>审核<br/>2013/11/10<br/>10:25<br/></p>
                        </li>
                        <li class="speedactive">
                          <span class="speedpoint"></span>
                          <p><span class="fz14fw">接单</span><br/>2013/11/10<br/>10:25<br/></p>
                        </li>
                        <li>
                          <span class="speedpoint"></span>
                          <p>分配<br/>2013/11/10<br/>10:25<br/></p>
                        </li>
                        <li>
                          <span class="speedpoint"></span>
                          <p>主美审核<br/>2013/11/10<br/>10:25<br/></p>
                        </li>
                        <li class="">
                          <span class="speedpoint"></span>
                          <p>关闭<br/>2013/11/10<br/>10:25<br/></p>
                        </li>
                         <li class="">
                          <span class="speedpoint"></span>
                          <p>完成<br/>2013/11/10<br/>10:25<br/></p>
                        </li>
                      </ul>
                  </div>
                  <div class="speedbox">
                    <ul>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>下单<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>审核<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>接单<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>分配<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>主美审核<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>关闭<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                       <li class="speedpass">
                        <span class="speedpoint">√</span>
                        <p><span class="fz14fw">完成</span><br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                    </ul>
                  </div>
                  <div class="speedbox">
                    <ul>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>下单<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>审核<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>接单<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="speedclose">
                        <span class="speedpoint">×</span>
                        <p><span class="fz14fw">关闭</span><br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>蛋疼重新下单<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>审核<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>接单<br/>2013/11/10<br/>10:25<br/></p>
                      </li>
                      <li class="speedover">
                        <span class="speedpoint"></span>
                        <p>分配<br>2013/11/10<br>10:25<br></p>
                      </li>
                      <li class="speedactive">
                        <span class="speedpoint"></span>
                        <p><span class="fz14fw">制作</span><br>2013/11/10<br>10:25<br></p>
                      </li>
                    </ul>
                  </div>
                  <table class="mb10 tablein3 table-style4 ">
                    <thead>
                      <tr>
                        <td width="170">时间</td>
                        <td width="100">操作人</td>
                        <td width=" ">操作信息</td>
                        <td width="134">下一步</td>
                      </tr>
                    </thead>
                    <tbody>

                      <tr>
                        <td>2013/11/18 10:32:13</td>
                        <td>谭坤旭</td>
                        <td>下单</td>
                        <td>接单人接单</td>
                      </tr>

                      <tr>
                        <td>2013/11/18 10:32:40</td>
                        <td>邓锐涛</td>
                        <td>接单</td>
                        <td>组长分配任务</td>
                      </tr>

                      <tr>
                        <td>2013/11/18 10:46:36</td>
                        <td>罗维</td>
                        <td>分配主美前期组-恩恩任务</td>
                        <td>制作</td>
                      </tr>

                      <tr>
                        <td>2013/11/18 10:48:31</td>
                        <td>罗维</td>
                        <td>调整主美前期组-恩恩任务</td>
                        <td>制作</td>
                      </tr>

                      <tr>
                        <td>2013/11/18 10:48:31</td>
                        <td>罗维</td>
                        <td>分配主美前期组-e21任务</td>
                        <td>制作</td>
                      </tr>

                    </tbody>
                  </table>
                </div>
              </div>

              <div class=" mb20   bgc250 f12c6 ">
                <h2 class="panel-title bord9 tac fn-claer">任务分配</h2>
                <div class="p10 b1d9t0">
                  <table class="table-style1 havebt">
                    <tr>
                      <td width="130">
                        <span class=" f14msyh">界面组:</span>
                      </td>
                      <td width="250">
                        <span class="ml10">图标设计</span>
                      </td>
                      <td class="brnone">
                        <a href="" class="but-only">制定计划</a>
                      </td>
                    </tr>
                    <tr>
                      <td width="130">
                        <span class="tac display-b f14msyh">地图组:</span>
                      </td>
                      <td width="250">
                        <span class="ml10">地图制作</span>
                      </td>
                      <td class="brnone">
                        <a href="" class="but-only">制定计划</a>
                      </td>
                    </tr>

                  </table>
                </div>
              </div>
            </div>

            <div>
              <!-- 组长_任务详情_制订计划 -->
              <div class=" mb20   bgc250 f12c6 zoom1">
                <h2 class="panel-title bord9 tac fn-claer">任务详情</h2>
                <div class="p10 b1d9t0 zoom1">
                  <table class="table-style1 havebt  theadfw700">
                    <tbody>
                      <tr >
                        <td width="130" class="bgfa">
                          <span class=" f14msyh">标题:</span>
                        </td>
                        <td>
                          <span class="ml10">(神武)武器美术需求</span>
                        </td>
                      </tr>

                      <tr >
                        <td width="130" class="bgfa">
                          <span class=" f14msyh">内容描述:</span>
                        </td>
                        <td>
                          <span class="ml10">最新资料片美术需求</span>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="table-style1 havebt  theadfw700">
                    <tbody>
                      <tr >
                        <td width="130" class="bgfa">
                          <span class=" f14msyh">单号:</span>
                        </td>
                        <td width="278">
                          <span class="ml10">555</span>
                        </td>
                        <td  class="brnone"></td>
                        <td  width="130">
                          <span class="tac display-b f14msyh">项目组:</span>
                        </td>
                        <td  width="278">
                          <span class="ml10">神武</span>
                        </td>
                      </tr>
                      <tr>
                        <td class="bgfa">
                          <span class=" f14msyh">建单时间:</span>
                        </td>
                        <td>
                          <span class="ml10">2013/09/22</span>
                        </td>
                        <td class="brnone"></td>
                        <td>
                          <span class="tac display-b f14msyh">需求时间:</span>
                        </td>
                        <td>
                          <span class="ml10">2013/09/23</span>
                        </td>
                      </tr>
                      <tr>
                        <td class="bgfa">
                          <span class=" f14msyh">订单人:</span>
                        </td>
                        <td>
                          <span class="ml10">AAA</span>
                        </td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                      </tr>
                      <tr>
                        <td class="bgfa">
                          <span class=" f14msyh">优先级:</span>
                        </td>
                        <td>
                          <span class="ml10">高</span>
                        </td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                      </tr>
                      <tr>
                        <td class="bgfa">
                          <span class=" f14msyh">附件:</span>
                        </td>
                        <td>
                          <p class="ml10 mt10 fn-clear">
                            <a class="mr10 fn-left" href="">
                              <span class="annex annex-de"></span>
                              附件附件
                            </a>

                            <input type="file" class="input-file-hide fn-right">
                            <!-- 上传的附件在这里 --> </p>
                          <p class="ml10 mt10 fn-clear">
                            <a class="mr10 fn-left" href="">
                              <span class="annex annex-de"></span>
                              附件附件
                            </a>

                            <input type="file" class="input-file-hide fn-right">
                            <!-- 上传的附件在这里 --> </p>
                          <p class="ml10 mt10 fn-clear">
                            <a class="mr10 fn-left" href="">
                              <span class="annex annex-de"></span>
                              附件附件
                            </a>

                            <input type="file" class="input-file-hide fn-right">
                            <!-- 上传的附件在这里 --> </p>

                        </td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                      </tr>

                    </tbody>
                  </table>
                </div>

              </div>
              <div class=" mb20   bgc250 f12c6 zoom1">
                <h2 class="panel-title bord9 tac fn-claer">任务分配</h2>
                <div class="p10 b1d9t0 zoom1">
                  <table class="table-style1 havebt">
                    <tr>
                      <td width="130">
                        <span class=" f14msyh">界面组:</span>
                      </td>
                      <td width="250">
                        <span class="ml10">图标设计</span>
                      </td>
                      <td class="brnone">
                        <a href="" class="but-only">保存计划</a>
                      </td>
                    </tr>
                    <tr>
                      <!-- 点制定计划后插入 -->
                      <td colspan="2">
                        <ul class="mb0 lh33 ul-addplan">
                          <li class="tal ">
                            <span >制作人员:</span>
                            <span class="w278 display-ib">
                              <span class="imitate-input ">
                                <input class="normal" type="text">
                                <!-- input 焦点所在 --> </span>
                            </span>
                          </li>
                          <li class="tal">
                            <span >任务内容:</span>
                            <span class="w278 tal display-ib">
                              <input class="normal " type="text"></span>
                          </li>
                          <li class="tal">
                            <span >需求数量:</span>
                            <span class="w278 tal display-ib">
                              <input class="normal " type="text"></span>
                          </li>
                          <li class="tal">
                            <span >需求时间:</span>
                            <span class="w278 display-ib">
                              <div class="input-date-box">
                                <input type="text">
                                <span class="input-date-ico"></span>
                              </div>
                            </span>
                          </li>
                        </ul>
                        <p class="tar">
                          <a href="" class="but-only mr10 but-red">删除制作单</a>
                          <a href="" class="but-only mr40">增加制作单</a>
                        </p>
                      </td>
                      <td class="brnone"></td>
                    </tr>
                    <tr>
                      <td width="130">
                        <span class="tac display-b f14msyh">地图组:</span>
                      </td>
                      <td width="250">
                        <span class="ml10">地图制作</span>
                      </td>
                      <td class="brnone">
                        <a href="" class="but-only">制定计划</a>
                      </td>
                    </tr>

                  </table>
                </div>
              </div>
            </div>

            <div>
              <!-- 组长_任务详情_制订计划__已分配任务详情 -->
              <div class=" mb20   bgc250 f12c6 zoom1">
                <h2 class="panel-title bord9 tac fn-claer">任务详情</h2>
                <div class="p10 b1d9t0 zoom1">
                  <table class="table-style1 havebt  theadfw700">
                    <tbody>
                      <tr >
                        <td width="130" class="bgfa">
                          <span class=" f14msyh">标题:</span>
                        </td>
                        <td>
                          <span class="ml10">(神武)武器美术需求</span>
                        </td>
                      </tr>

                      <tr >
                        <td width="130" class="bgfa">
                          <span class=" f14msyh">内容描述:</span>
                        </td>
                        <td>
                          <span class="ml10">最新资料片美术需求</span>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="table-style1 havebt  theadfw700">
                    <tbody>
                      <tr >
                        <td width="130" class="bgfa">
                          <span class=" f14msyh">单号:</span>
                        </td>
                        <td width="278">
                          <span class="ml10">555</span>
                        </td>
                        <td  class="brnone"></td>
                        <td  width="130">
                          <span class="tac display-b f14msyh">项目组:</span>
                        </td>
                        <td  width="278">
                          <span class="ml10">神武</span>
                        </td>
                      </tr>
                      <tr>
                        <td class="bgfa">
                          <span class=" f14msyh">建单时间:</span>
                        </td>
                        <td>
                          <span class="ml10">2013/09/22</span>
                        </td>
                        <td class="brnone"></td>
                        <td>
                          <span class="tac display-b f14msyh">需求时间:</span>
                        </td>
                        <td>
                          <span class="ml10">2013/09/23</span>
                        </td>
                      </tr>
                      <tr>
                        <td class="bgfa">
                          <span class=" f14msyh">订单人:</span>
                        </td>
                        <td>
                          <span class="ml10">AAA</span>
                        </td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                      </tr>
                      <tr>
                        <td class="bgfa">
                          <span class=" f14msyh">优先级:</span>
                        </td>
                        <td>
                          <span class="ml10">高</span>
                        </td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                      </tr>
                      <tr>
                        <td class="bgfa">
                          <span class=" f14msyh">附件:</span>
                        </td>
                        <td>
                          <p class="ml10 mt10 fn-clear">
                            <a class="mr10 fn-left" href="">
                              <span class="annex annex-de"></span>
                              附件附件
                            </a>

                            <input type="file" class="input-file-hide fn-right">
                            <!-- 上传的附件在这里 --> </p>
                          <p class="ml10 mt10 fn-clear">
                            <a class="mr10 fn-left" href="">
                              <span class="annex annex-de"></span>
                              附件附件
                            </a>

                            <input type="file" class="input-file-hide fn-right">
                            <!-- 上传的附件在这里 --> </p>
                          <p class="ml10 mt10 fn-clear">
                            <a class="mr10 fn-left" href="">
                              <span class="annex annex-de"></span>
                              附件附件
                            </a>

                            <input type="file" class="input-file-hide fn-right">
                            <!-- 上传的附件在这里 --> </p>

                        </td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                        <td class="brnone"></td>
                      </tr>

                    </tbody>
                  </table>
                </div>

              </div>
              <div class=" mb20   bgc250 f12c6 zoom1">
                <h2 class="panel-title bord9 tac fn-claer">任务分配</h2>
                <div class="p10 b1d9t0 zoom1">
                  <table class="table-style1 havebt">
                    <tr>
                      <td width="130">
                        <span class=" f14msyh">界面组:</span>
                      </td>
                      <td width="250">
                        <span class="ml10">图标设计</span>
                      </td>
                      <td class="brnone">
                        <a href="" class="but-only">调整计划</a>
                      </td>
                    </tr>
                    <tr>
                      <!-- 点制定计划后插入 -->
                      <td colspan="2">
                        <ul class="mb0 lh33 ul-addplan">
                          <li class="tal ">
                            <span >制作人员:</span>
                            <span class="w278 display-ib">Alley/CoCo/Benne</span>
                          </li>
                          <li class="tal">
                            <span >任务内容:</span>
                            <span class="w278 tal display-ib">设计神武内部图标</span>
                          </li>
                          <li class="tal">
                            <span >需求数量:</span>
                            <span class="w278 tal display-ib">25</span>
                          </li>
                          <li class="tal">
                            <span >需求时间:</span>
                            <span class="w278 display-ib">2013/12/10</span>
                          </li>
                        </ul>

                      </td>
                      <td class="brnone"></td>
                    </tr>
                    <tr>
                      <td width="130">
                        <span class="tac display-b f14msyh">地图组:</span>
                      </td>
                      <td width="250">
                        <span class="ml10">地图制作</span>
                      </td>
                      <td class="brnone">
                        <a href="" class="but-only">调整计划</a>
                      </td>
                    </tr>
                    <tr>
                      <!-- 点制定计划后插入 -->
                      <td colspan="2">
                        <ul class="mb0 lh33 ul-addplan">
                          <li class="tal ">
                            <span >制作人员:</span>
                            <span class="w278 display-ib">Alley/CoCo/Benne</span>
                          </li>
                          <li class="tal">
                            <span >任务内容:</span>
                            <span class="w278 tal display-ib">设计神武内部图标</span>
                          </li>
                          <li class="tal">
                            <span >需求数量:</span>
                            <span class="w278 tal display-ib">25</span>
                          </li>
                          <li class="tal">
                            <span >需求时间:</span>
                            <span class="w278 display-ib">2013/12/10</span>
                          </li>
                        </ul>

                      </td>
                      <td class="brnone"></td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>
          </div>

        </div>

      </div>

    </div>
    <div class="push-footer">
      <!--cannot del ! hold footer size--> </div>
  </div>
  <div class="footer">
    <div class="container">
      <p class="muted credit">
        广州多益网络科技有限公司
        <br>ICP粤B2-20060723</p>
    </div>
  </div>
</body>
</html>